@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
}

ul, li {
  list-style: none;
}

.one {
  width: 100%;
  height: 41px;
}

.contain {
  width: 1226px;
  height: 41px;
  background: #333333;
  margin: 0 auto;
}

.one .contain .left {
  width: 810px;
  height: 41px;
  float: left;
}

.one .contain .left ul {
  height: 41px;
  line-height: 41px;
}

.one .contain .left ul li {
  float: left;
  font-size: 10px;
  color: #b0b0b0;
}

.one .contain .left ul span {
  border: 1px solid #393f3f;
  margin-left: 8px;
  margin-right: 8px;
}

/* .one .contain .right{
    float: right;
    width: 441px;
    height: 41px;

} */
.one .contain .right span {
  width: 120px;
  height: 41px;
  float: right;
  background: #424242;
  line-height: 41px;
  text-align: center;
  font-size: 13px;
}

.one .contain .right ul {
  float: right;
}

.one .contain .right ul li {
  float: left;
  margin-right: 25px;
  height: 41px;
  line-height: 41px;
  font-size: 13px;
}

/* 导航栏 */
.two {
  width: 100%;
  height: 100px;
}

.contain2 {
  width: 1226px;
  height: 100px;
  /* background: rosybrown; */
  margin: 0 auto;
}

.two .contain2 img {
  width: 56px;
  height: 56px;
  margin-top: 22px;
}

.two .contain2 span {
  width: 50px;
  height: 48px;
  border: 1px solid #e0e0e0;
  float: right;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  margin-top: 25px;
  border-left: none;
}

.two .contain2 input {
  float: right;
  height: 48px;
  margin-top: 25px;
  border: 1px solid #e0e0e0;
}

.two .contain2 ul {
  float: right;
}

.two .contain2 ul li {
  float: right;
  height: 100px;
  line-height: 100px;
  font-size: 15px;
  margin-right: 20px;
}

/* 第三部分 */
.three {
  width: 100%;
  height: 460px;
}

.contain3 {
  width: 1226px;
  height: 460px;
  /* background: white; */
  margin: 0 auto;
  position: relative;
}

/* .three .contain3 .a{
    width: 234px;
    height: 460px;
    background: #a19f9f;
    overflow: hidden;
    float: left;
}
.three .contain3 .a ul li{
    margin-left: 30px;
    margin-top: 25px;
    font-size: 12px;
    color: #ffffff;
}
.three .contain3 .a ul span{
    float: right;
    margin-right: 24px;
    color: #e0e0e0;
} */
.three .contain3 .swiper {
  width: 992px;
  height: 460px;
  float: left;
  overflow: hidden;
  position: absolute;
  left: 234px;
  top: 0;
  /* position: relative; */
}

.three .contain3 .swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 460px;
}

/* .three .contain3 .swiper .swiper-button-prev {
    position: absolute;
    /* left: 30px;
    top: 50px; */
/* 第四部分 左边第一个*/
.four {
  width: 100%;
  height: 170px;
}

.contain4 {
  width: 1226px;
  height: 170px;
  margin: 0 auto;
  margin-top: 14px;
  display: flex;
  /* flex-direction: column; */
  justify-content: space-between;
}

.four .contain4 .c {
  width: 234px;
  height: 170px;
  background: #5f5750;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.four .contain4 .c figure {
  width: 77px;
  height: 83px;
  background: grey;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.four .contain4 .d {
  width: 990px;
  height: 170px;
  display: flex;
  justify-content: space-between;
}

.four .contain4 .d img {
  width: 320px;
  height: 170px;
}

/* 第五部分 */
.five {
  width: 100%;
  height: 173px;
}

.contain5 {
  width: 1226px;
  height: 173px;
  background: #f5f5f5;
  margin: 0 auto;
}

.five .contain5 img {
  height: 120px;
  margin-top: 26px;
}

/* 第六部分 */
.six {
  width: 100%;
  height: 665px;
}

.contain6 {
  width: 1226px;
  height: 665px;
  margin: 0 auto;
  background: #f5f5f5;
  margin-top: 3px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.six .contain6 .sb {
  width: 1226px;
  height: 50px;
}

.six .contain6 .wrap {
  width: 234px;
  height: 615px;
}

.six .contain6 .sjyb {
  width: 978px;
  height: 614px;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}

.six .contain6 figure {
  width: 234px;
  height: 300px;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.six .contain6 figure img {
  width: 100%;
  height: 170px;
}

.six .contain6 figure .hs {
  font-size: 12px;
  margin-top: 39px;
}

.six .contain6 figure .cd {
  font-size: 11px;
  margin-top: 10px;
  color: #b0b0b0;
}

.six .contain6 figure .yuan {
  font-size: 12px;
  margin-top: 18px;
  color: #ff6700;
}

/* 第七部分 */
.seven {
  width: 100%;
  height: 665px;
}

.contain7 {
  width: 1226px;
  height: 665px;
  margin: 0 auto;
  background: #f5f5f5;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.seven .contain7 .sb2 {
  width: 1226px;
  height: 50px;
}

.seven .contain7 .wrap2 {
  width: 234px;
  height: 615px;
}

.seven .contain7 .wrap2 .ds {
  width: 234px;
  height: 307px;
}

.seven .contain7 .wrap2 .ds2 {
  width: 234px;
  height: 307px;
}

.seven .contain7 .sjyb2 {
  width: 978px;
  height: 614px;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}

.seven .contain7 figure {
  width: 234px;
  height: 300px;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.seven .contain7 figure img {
  width: 100%;
  height: 170px;
}

.seven .contain7 figure .hs2 {
  font-size: 12px;
  margin-top: 39px;
}

.seven .contain7 figure .cd2 {
  font-size: 11px;
  margin-top: 10px;
  color: #b0b0b0;
}

.seven .contain7 figure .yuan2 {
  font-size: 12px;
  margin-top: 18px;
  color: #ff6700;
}

/* 最后三部分 */
.eight {
  width: 100%;
  height: 328px;
}

.contain8 {
  width: 1226px;
  height: 328px;
  background: #f5f5f5;
  margin: 0 auto;
}

.eight .contain8 .a8 {
  width: 1226px;
  height: 21px;
}

.eight .contain8 .a8 span {
  float: right;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #b0b0b0;
  top: 0;
}

.eight .contain8 .a9 {
  width: 1226px;
  height: 180px;
  display: flex;
  justify-content: space-between;
}

.eight .contain8 .a9 figure {
  width: 296px;
  height: 180px;
  background: rosybrown;
}

.eight .contain8 .a9 figure p {
  /* margin-top: 30px;
    margin-left: 55px; */
  font-size: 12px;
  width: 296px;
  height: 105px;
  line-height: 105px;
  text-align: center;
  background: #ffffff;
}

/* 999999999 */
.nine {
  width: 100%;
  height: 79px;
}

.contain9 {
  width: 1226px;
  height: 79px;
  background: #ffffff;
  margin: 0 auto;
}

.nine .contain9 ul {
  float: left;
}

.nine .contain9 ul li {
  float: left;
  height: 79px;
  line-height: 79px;
  padding-left: 110px;
}

/* 10000000 */
.ten {
  width: 100%;
  height: 250px;
}

.contain10 {
  width: 1226px;
  height: 250px;
  margin: 0 auto;
}

.ten .contain10 .h7 {
  width: 974px;
  height: 253px;
  float: left;
}

.ten .contain10 .h7 figure {
  float: left;
  padding-left: 90px;
  margin-top: 41px;
  font-size: 12px;
}

.ten .contain10 .h7 .h8 {
  padding-left: 0;
}

.ten .contain10 .zh {
  float: right;
  width: 252px;
  height: 253px;
  margin-top: 40px;
  text-align: center;
}
